<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <style>     
           p.c1{font-style:italic;}  /*斜体*/
           p.c2{font-variant:small-caps;}  /*小型大写字母*/
           P.c3{font-weight:bold;}   /*加粗*/
           P.c4{font-size:3em;}   /*字号*/
           p.c5{font-family:微软雅黑;}   /*设置字体*/
           
           p.c6{font:italic small-caps bold 2em 宋体;}
           p.c7{
                width:100px;
                height:300px;
                border:1px solid red;
                font:40px/1.5 微软雅黑,宋体;
            }
        </style>
    </head>
    <body>
        <h2>CSS样式:字体属性</h2>
        <p class='c1'>1.我的大刀早已饥渴难耐.</p>
        <p class='c2'>2.i love you are</p>
        <p class='c3'>3.我的大刀</p>
        <p class='c4'>4.我的大刀</p>
        <p class='c5'>5.你能把到我吗?</p>
        <p class='c6'>6.我有两把枪,一把叫she,一把叫a</p>
        <p class='c7'>7.你要来几发吗?</p>
    </body>
</html>